<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                >
    <f:view contentType="text/html" >
        
        <h:panelGrid columns="2" width="100%" >

            <p:barChart value="#{qualityReport.qualityReportList}" var="qtsChart"  
                        yfield="#{qtsChart.cellName}" 
                        height="" width="" style="chartStyle"> 

                <p:chartSeries label="Rework Count" value="#{qtsChart.reworkCount}" />  

            </p:barChart> 


            <p:dataTable var="qualityDT" 
                         value="#{qualityReport.qualityReportList}"
                         id="qualityTB" 

                         rows="5"

                         >

                <p:column  headerText="Cell Name" >
                    <h:outputText value="#{qualityDT.cellName}" style="font-size: 20px"/>
                </p:column>

                <p:column  headerText="Rework" >
                    <h:outputText value="#{qualityDT.reworkCount}" style="font-size: 20px"/>
                </p:column>
            </p:dataTable>

        </h:panelGrid>
    </f:view>
</ui:composition>